<template>
  <div>
    <div>我是Home</div>
    <!--创建单击跳转的按钮-->
    <button @click="goTo">前往About组件</button>
  </div>
</template>
<script>
//导入路由实例
import router from '../router'
export default{
  name: 'Home',
  setup(){
    //跳转方法
    const goTo = () => {
      router.push({
        //添加query属性，属性内的值便是跳转时所带的参数
        path: '/about', query: {id: 1}
      })
    }
    //返回跳转方法给template模板使用
    return {
      goTo
    }
  }
}
</script>